<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<div id="page-wrapper">
    <header th:replace="_layout/header :: header"></header>
    <!-- Breadcrumb Start -->
    <div class="page-banner-image w-100 breadcrumb-bar"
         style="background-image: url(/static/assets/images/background/1.png); background-repeat: no-repeat;">
        <div class="container">
            <div class="row py-5">
                <div class="col-sm-6">
                    <h3 class="text-white">404</h3>
                </div>
                <div class="col-sm-6">
                    <nav aria-label="breadcrumb" class="float-right">
                        <ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
                            <li class="breadcrumb-item"><a href="#">首页</a></li>
                            <li class="breadcrumb-item"><a href="#">页面</a></li>
                            <li class="breadcrumb-item active" aria-current="page">404</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- Breadcrumb End -->


    <div class="full-row">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="mx-auto w-sm-50 text-center">
                        <span class="fas fa-exclamation-triangle text-primary" style="font-size: 60px"></span>
                        <h2 class="my-4">404 Page not found</h2>
                        <p>您要查找的页面不存在或有其他错误，请返回首页或其他来源</p>
                        <a class="btn btn-secondary mt-5" href="/index">Return to home</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer th:replace="_layout/footer :: footer"></footer>
    <a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
</div>
<div th:replace="_layout/bottom :: bottom"></div>

</body>
</html>